/* **** RESET **** */
* {
	padding:0;
	margin:0;
}
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#232323;
	margin:0 auto;
	padding:0;
	background-image:url('images/topbg.jpg');
	background-repeat:repeat-x;
	height:100%;
	background-position:top left;
}

/* **** PAGE **** */
div#wrap {
	min-height: 100%;
	background-image:url('images/bottombg.jpg');
	background-repeat:repeat-x;
	background-position:bottom left;
}
div#container {
	width:800px;
	margin:0 auto;
	padding:0;
}
div#content {
	min-height:400px;
	background-color:#ffffff;
}
div#header {
	padding-left:10px;
	padding-top:10px;
}
div.sidebar {
	width:30%;
	float:right;
	padding-top:5px;
}
div.page {
	width:65%;
	float:left;
	padding:5px 0 0 5px;
}
div.page-wrap {
	background-image:url('images/ddd-gradient.jpg');
	background-position:left top;
	background-repeat:repeat-x;
	padding:5px; 
} 
div.top-panel {
	background-image:url('images/panelbg.jpg');
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#43CE00;
	padding:10px 15px;
}


/* **** menu **** */
div#nav {
	background-color:#333333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
div#nav a {
        color: #cccccc;
}
div#nav a:hover {
  	text-decoration: none;
}

/* **** PARAGRAPHS **** */

div.top-panel p {
	font-family:"Trebuchet MS",Verdana,Arial;
	line-height:1.6em;
	margin:0;
	color:#ffffff;
	padding:0;
	text-align:left;
	font-size:0.8em;
}

div#footer p {	
	padding:15px 0;
	margin:0;
	font-size:10px;
	color:#ffffff;
}


/* **** HEADERS **** */

div#header h1 {
	font-size:2.9em;
	color: #349E00;  
}
div#header h2 {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-weight:normal;
	margin:-10px 0 10px 0;
	padding:0;
	font-size:1.1em;
	color:#aaaaaa;
	text-align:left;
}
.page-wrap h1 {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	margin:0;
	font-size:2.4em;
	padding: 0 5px;
	background: #cccccc;
	margin: 5px 0;
	border-left: 20px solid #333333;
	border-right: 20px solid #333333;
}
.page-wrap h2 {
	margin: 5px 0;
	font-size:2.0em;
}
.page-wrap h3 {
	margin: 5px 0;
	font-size:1.6em;
}
.page-wrap h4 {
	margin: 5px 0;
	font-size:1.2em;
}

.sidebar h4 {
	padding: 0 5px;
	background: #cccccc;
	margin: 5px 0;
	border-left: 10px solid #333333;
	border-right: 10px solid #333333;
}

/* ****	forms, labels, inputs **** */
input.button {
	font-weight:bold;
	padding:5px 15px;
}
input, textarea {
	padding:3px;
	background-color:#ffffff;
	border:1px solid #dddddd;
}
input:focus, textarea:focus {
	background-color:#CCFFB3;
	border:1px solid #AAFF80;
}
label {
	font-weight:bold;
        white-space:nowrap;
}

/* **** LINKS **** */

a {
	text-decoration:none;
	color:#349E00;
}
a:hover {
	text-decoration:underline;
}
div#header h1 a {
	color:#42CB00;
	text-decoration:none;
	font-weight:normal;
}
div.sidebar ul li a {
	display:block;
	text-decoration:none;
	padding:5px 0;
	border-bottom:1px solid #dddddd;
}
div.sidebar a {
	color:#329900;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
}
a:hover, div.sidebar a:hover  {
	color:#226600;
}
div.top-panel a {
	border-bottom:1px solid #fff;
	color:#fff;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin:10px;
	text-decoration:none;
}
div.top-panel a.linkleft {
	margin-left:0; 
}
div#footer p a {
	color:#ffffff;
	text-decoration:none;
	font-size:1.0em;
}

/* **** TABLES **** */

table {
	font-size:0.9em;
}
table tr th {
	color:#ffffff;
	background-color:#171717;
}
table tr th, table tr td {
	padding: 3px;
	text-align: left;
	vertical-align: top;
}

/* **** LISTS **** */

ol {
        margin:0 0 20px 20px;
        padding:0;
}

div.sidebar ul {
	list-style:none;
	padding:0;
	border-top:4px solid #dddddd;
	margin:0 0 20px 0
}
ul {
	margin:0 0 20px 20px;
	padding:0;
	list-style:square;
}
ul li, ol li {
	padding:3px 0;
}

/* **** MISC **** */
blockquote {
        padding: 10px;
        margin: 10px 70px 10px 50px;
	font-style:italic;
        background-color: #cccccc;
}
code {
     background-color: black;
     color: green;
}
.clear {
	clear:both; 
}
.right { 
	float:right; 
}
.left  {
	float:left;  
}
*:focus {
	outline:none;
}
/*
p, ul, li, code, blockquote, table, div, span, input, select, option {
    font-size: 12px;
}
*/



/* **** web2py specific **** */
div.error {
    background-color: red;
    color: white;
    padding: 3px;
    border: 1px solid #666;
}

.auth_navbar { top: 5px; color: #aaaaaa; float:right; }
.plugin_wiki_info { padding: 5px; background-color: #cccccc;}
.plugin_wiki_notification { padding: 5px; background-color: #ffcccc;}

/* **** jdMenu **** */

ul.jd_menu {
	   position: relative;
	   margin: 0px;
	   padding: 0px;
	   height: 15px;
	   list-style-type: none;
}
ul.jd_menu ul {
	   display: none;
}
ul.jd_menu a, 
ul.jd_menu a:active,
ul.jd_menu a:link,
ul.jd_menu a:visited
{
	text-decoration: none;
	color: #FFF;
}
ul.jd_menu li {
	   float: left;
	   font-size: 12px;
	   padding: 2px 6px 4px 6px;
	   cursor: pointer;
	   white-space: nowrap;	   
	   color: #FFF;
}
ul.jd_menu li.jd_menu_hover_toolbar {
	   padding-left: 5px;
	   padding-right: 5px;
	   color: #FFF;
	   background: black;
}
ul.jd_menu a.jd_menu_hover_toolbar {
	   color: #FFF;
}

/* -- Sub-Menus Styling -- */
ul.jd_menu ul {
	   position: absolute;
	   display: none;
	   list-style-type: none;
	   margin: 0px;
	   padding: 0px;
	   background: black;
}
ul.jd_menu ul li {
	   float: none;
	   margin: 0px;
	   padding: 3px 10px 3px 4px;
	   width: 115px;
	   background: black;
	   color: #70777D;
}
ul.jd_menu ul li.jd_menu_hover {
	   background: #333333;
	   padding-top: 2px;
	   padding-bottom: 2px;
	   color: #FFF;
	   width: 100px;
}
ul.jd_menu ul a, 
ul.jd_menu ul a:active,
ul.jd_menu ul a:link,
ul.jd_menu ul a:visited {
	   text-decoration: none;
	   color: #70777D;
}
ul.jd_menu ul a.jd_menu_hover {
	   color: #FFF;
}

